<div class="assoc-cr-system mt40">
    <p class="f14">消息中心</p>
    <ul class="assoc-crs-tab clearfix mt30">
        <li class="active">系统通知</li>
        <li>查看私信</li>
        <li>发出的私信</li>
        <li>发私信</li>
    </ul>
    <div class="assoc-crs-content mt20">
        <div class="assoc-crsc-title borderbtm clearfix">
            <p class="">共收到8条系统通知</p>
            <p>详情查看</p>
            <p>发布时间</p>
        </div>
        <ul class="assoc-crsc-tab">
            <li class="assoc-crsc-list clearfix">
                <p>系统通知</p>
                <p>系统通知系统通知系统通知系统通知系统通知系统通知系统通知系统通知</p>
                <p><a href="javascript:void(0)" class="assoc-crul-check">点击查看</a></p>
                <p>2016-09-20 <a href="javascript:void(0)" class="assoc-crul-delete ml30"></a></p>
            </li>
            <li class="assoc-crsc-list clearfix">
                <p>系统通知</p>
                <p>系统通知系统通知系统通知系统通知系统通知系统通知系统通知系统通知</p>
                <p><a href="javascript:void(0)" class="assoc-crul-check">点击查看</a></p>
                <p>2016-09-20 <a href="javascript:void(0)" class="assoc-crul-delete ml30"></a></p>
            </li>
        </ul>
    </div>
    <div class="page">
        <div class="center">
            <ul class="clearfix">
                <li>
                    <a href="javascript:void(0)" class="clickpage">
                        上一页
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">1</a>
                </li>
                <li>
                    <a href="javascript:void(0)">2</a>
                </li>
                <li>
                    <a href="javascript:void(0)">3</a>
                </li>
                <li>
                    <a href="javascript:void(0)">4</a>
                </li>
                <li>
                    <a href="javascript:void(0)">5</a>
                </li>
                <li>
                    <a href="javascript:void(0)">6</a>
                </li>
                <li>
                    <a href="javascript:void(0)">7</a>
                </li>
                <li>
                    <a href="javascript:void(0)">8</a>
                </li>
                <li>
                    <a href="javascript:void(0)">9</a>
                </li>
                <li>
                    <a href="javascript:void(0)">10</a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="clickpage">下一页</a>
                </li>
                <li><span>共100页</span></li>
                <li class="clearfix">
                    <span class="fl">去第</span>
                    <input type="text" class="fl"><span class="fl">页</span>
                </li>
            </ul>
        </div>
    </div>
</div>